.main {
  background: $background-color;
  border: 1px solid $border-color !important;
  color: $text-strong-color;
  width: 100%;
  table-layout: fixed;
  margin-bottom: $gutter-size;

  code {
    padding: 0;
    font-size: $font-size-code;
  }

  td {
    border-top: 1px solid $border-light-color;
    overflow: hidden;
    text-overflow: ellipsis;
    color: $text-color;
    line-height: 20px;
    vertical-align: top;
  }

  th {
    color: $text-strong-color;
    //font-size: $font-size-caps;
    text-transform: uppercase;
    font-weight: 500;
    font-size: $font-size-chrome;
  }

  td, th  {
    padding: 13px $gutter-size 13px 0;
  }
  th, td {

    &:first-child {
      padding-left: $gutter-size * 2;
    }

    &:last-child {
      text-align: right;
    }
  }

  :global {
    .btn-link {
      padding-top: 0;
      padding-bottom: 0;
      line-height: 1;
    }
  }
}
